<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>语法规则</title>
</head>
<body>
    <!-- 结论：在 IDE 开发环境中，按照提示编写 HTML 代码，正常写就不会写错 -->
    <!-- 双标签正确关闭 -->
    <p>标签体内容</p>
    <p>标签体内容（没有结束标签就是没有正确关闭）

    <!-- 单标签正确关闭 -->
    <!-- 按照 HTML 旧的语法标准，需要用斜杠把单标签关闭 -->
    <!-- 按照 HTML 新的语法标准，不使用斜杠关闭也是可以的 -->
    <br/>
    <br>

    <!-- 标签可以嵌套 -->
    <ul>
        <li>苹果</li>
        <li>香蕉</li>
        <li>橘子</li>
    </ul>

    <!-- 标签嵌套的错误写法 -->
    <ul>
        <li>苹果</li>
        <li>香蕉</li>
        <li>橘子</ul></li>

    <!-- 正常的注释，在浏览器窗口内不显示 -->
    <!-- 注释发生了嵌套 <!-- 在注释中又写了注释 --> -->

    <!-- 属性必须有值 -->
    <!-- 属性名：type -->
    <!-- 属性值：text -->
    <input type="text" />

    <!-- 错误写法：属性没有写值 -->
    <input type />

    <!-- 错误写法：属性值没有加引号 -->
    <input type=text />

    <!-- 特殊情况：如果属性名和属性值相同，可以省略属性值 -->
    <!-- 举例：给单选框设置默认被选中，此时属性名和属性值都是 checked -->
    <input type="radio" checked="checked" />
    <input type="radio" checked />

    <!-- 自定义标签名无效 -->
    <atguigu>我们都是好宝宝~~~</atguigu>

</body>
</html>